@extends('home.base.index')
@section('content')
<script type="text/javascript" src="{{ url('publics/jquery-1.8.3.min.js') }}"></script>
<!-- ========================================================================================== -->
<div class="site-header">
    <div class="container">
        <div class="header-logo">
            <a class="logo ir" href="{{ url('/home') }}" title="小米官网" data-stat-id="f4006c1551f77f22" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-f4006c1551f77f22', '//www.mi.com/index.html', 'pcpid']);">
                小米官网
            </a>
        </div>
        <div class="header-nav">
            <ul class="nav-list J_navMainList clearfix">
            <!-- 左边分类列表 -->
                <li id="J_navCategory" class="nav-category">
                   <a class="link-category" href="//list.mi.com" data-stat-id="d7d79a744cdeefa8" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-d7d79a744cdeefa8', '//list.mi.com', 'pcpid']);">
                        <span class="text">全部商品分类</span>
                    </a>
                    <div class="site-category">
						<ul id="J_categoryList" class="site-category-list clearfix">
							@foreach($listleft as $v)
							<li class="category-item">
								<a class="title" href="" data-stat-id="46830753a57a2e5a" 
									onmouseout="doDown()" onmouseleave="doLeave()">
									{{ $v->classname }}
								</a>
								<div class="children clearfix children-col-3">
									<ul class="children-list children-list-col children-list-col-1">
										@foreach($listle["$v->classname"] as $vg)
										<li class="star-goods">
											<a class="link" href='{{ url("$vg->path") }}?id={{$vg->goodsid}}' data-stat-id="4f0d4b136403dfaf" onclick="">
												<img class="thumb" src="{{ url('uploads') }}/{{ $vg->picture }}" data-src="//c1.mifile.cn/f/i/g/2015/xmNOTE2-80.jpg?width=40&height=40" alt="" width="40" height="40">
												<span class="text">{{ $vg->goodsname}}</span>
											</a>
											<a class="btn btn-line-primary btn-small btn-buy" href='{{ url("$vg->path") }}?id={{$vg->goodsid}}' onclick="">
												选购
											</a>
										</li>
										@endforeach
									</ul>
									<ul class="children-list children-list-col children-list-col-2">
										<li class="star-goods">
											<a class="link" href="//www.mi.com/redmi4/" data-stat-id="031c221d6bb07cb2" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-031c221d6bb07cb2', '//www.mi.com/redmi4/', 'pcpid']);">
												<img class="thumb" src="//c1.mifile.cn/f/i/g/2015/hm4-80.jpg?width=40&height=40" data-src="//c1.mifile.cn/f/i/g/2015/hm4-80.jpg?width=40&height=40" srcset="//c1.mifile.cn/f/i/g/2015/hm4-80.jpg?width=80&height=80 2x" alt="" width="40" height="40">
												<span class="text">红米4</span>
											</a>
											<a class="btn btn-line-primary btn-small btn-buy" href="//www.mi.com/redmi4/" data-stat-id="39ce4a6148de2b64" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-39ce4a6148de2b64', '//www.mi.com/redmi4/', 'pcpid']);">
												选购
											</a>
										</li>
										<li class="star-goods">
											<a class="link" href="//www.mi.com/redmi4a/" data-stat-id="f7e6375371f85580" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-f7e6375371f85580', '//www.mi.com/redmi4a/', 'pcpid']);">
												<img class="thumb" src="//c1.mifile.cn/f/i/g/2015/hm4A-80.jpg?width=40&height=40" data-src="//c1.mifile.cn/f/i/g/2015/hm4A-80.jpg?width=40&height=40" srcset="//c1.mifile.cn/f/i/g/2015/hm4A-80.jpg?width=80&height=80 2x" alt="" width="40" height="40">
												<span class="text">红米4A</span>
											</a>
											<a class="btn btn-line-primary btn-small btn-buy" href="//www.mi.com/redmi4a/" data-stat-id="229bd26d6090434d" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-229bd26d6090434d', '//www.mi.com/redmi4a/', 'pcpid']);">
											选购</a>
										</li>
										<li class="star-goods">
											<a class="link" href="//www.mi.com/redminote4/" data-stat-id="2cee87e56a005597" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-2cee87e56a005597', '//www.mi.com/redminote4/', 'pcpid']);">
												<img class="thumb" src="//c1.mifile.cn/f/i/g/2015/hmnote4-80.jpg?width=40&height=40" data-src="//c1.mifile.cn/f/i/g/2015/hmnote4-80.jpg?width=40&height=40" srcset="//c1.mifile.cn/f/i/g/2015/hmnote4-80.jpg?width=80&height=80 2x" alt="" width="40" height="40">
												<span class="text">红米Note 4</span>
											</a>
											<a class="btn btn-line-primary btn-small btn-buy" href="//www.mi.com/redminote4/" data-stat-id="ed603c8976ab46a1" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-ed603c8976ab46a1', '//www.mi.com/redminote4/', 'pcpid']);">
											选购</a>
										</li>
									</ul>
								</div>
							</li>
							@endforeach
							<li class="category-item">
								<a class="title" href="//list.mi.com/20" data-stat-id="370d463950062b15" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-370d463950062b15', '//list.mi.com/20', 'pcpid']);">
									米兔 生活周边
									<i class="iconfont"></i>
								</a>
								<div class="children clearfix children-col-1">
									<ul class="children-list clearfix">
										<li>
											<a class="link" href="http://mitu.mi.com/" data-stat-id="378413f5ea4f02c3" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-378413f5ea4f02c3', 'http://mitu.mi.com/', 'pcpid']);">
												<img class="thumb" src="//c1.mifile.cn/f/i/g/2015/cn-index/mitu-80.jpg?width=40&height=40" data-src="//c1.mifile.cn/f/i/g/2015/cn-index/mitu-80.jpg?width=40&height=40" srcset="//c1.mifile.cn/f/i/g/2015/cn-index/mitu-80.jpg?width=80&height=80 2x" alt="" width="40" height="40">
												<span class="text">米兔玩偶</span>
											</a>
										</li>
										<li>
											<a class="link" href="//list.mi.com/59" data-stat-id="a2783593a9dca913" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-a2783593a9dca913', '//list.mi.com/59', 'pcpid']);">
												<img class="thumb" src="//c1.mifile.cn/f/i/g/2015/cn-index/shubiaodian-80.jpg?width=40&height=40" data-src="//c1.mifile.cn/f/i/g/2015/cn-index/shubiaodian-80.jpg?width=40&height=40" srcset="//c1.mifile.cn/f/i/g/2015/cn-index/shubiaodian-80.jpg?width=80&height=80 2x" alt="" width="40" height="40">
												<span class="text">鼠标垫</span>
											</a>
										</li>
										<li>
											<a class="link" href="//list.mi.com/24" data-stat-id="b1dc3004db9154b5" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-b1dc3004db9154b5', '//list.mi.com/24', 'pcpid']);">
												<img class="thumb" src="//c1.mifile.cn/f/i/15/goods/sidebar/zhoubian1.jpg?width=40&height=40" data-src="//c1.mifile.cn/f/i/15/goods/sidebar/zhoubian1.jpg?width=40&height=40" srcset="//c1.mifile.cn/f/i/15/goods/sidebar/zhoubian1.jpg?width=80&height=80 2x" alt="" width="40" height="40">
												<span class="text">生活周边</span>
											</a>
										</li>
									</ul>
								</div>
							</li>
						</ul>
					</div>
                </li>
                 <script type="text/javascript">
	            	function doDown()
	            	{
	            		
	            	}
	            	function doLeave()
	            	{
	            		
	            	}
            	</script>
                <!-- 遍历商品顶部分类部分，一级分类 -->
                @foreach($datatop as $v)
                <li class="nav-item">
                    <a class="link" href="javascript: void(0);" data-stat-id="a9318c5014b7997f" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-a9318c5014b7997f', 'javascript:void(0);', 'pcpid']);">
                        <span class="text">{{ $v->classname }}</span>
                        <span class="arrow"></span>
                    </a>
                    <div class="item-children">
                            <div class="container">
                                <ul class="children-list clearfix">
                                    <!-- 遍历商品顶部分类部分，一级分类 -->
                                    @foreach($listtop["$v->classname"] as $vg)
                                    <li>
                                        <div class="figure figure-thumb">
                                            <a href='{{ url("$vg->path") }}?id={{$vg->goodsid}}' data-stat-id="32193627446bdcdf" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-32193627446bdcdf', '//www.mi.com/mi5s', 'pcpid']);">
                                                <img src="{{ url('uploads') }}/{{ $vg->picture }}" data-src="uploads/{{ $vg->picture }}" srcset="//c1.mifile.cn/f/i/g/2015/xiaomi5S-320-220!320x220.jpg 2x" alt="小米5s" width="160" height="110">
                                            </a>
                                        </div>
                                        <div class="title">
                                            <a href="//www.mi.com/mi5s" data-stat-id="9050b884f7a21f2f" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-9050b884f7a21f2f', '//www.mi.com/mi5s', 'pcpid']);">{{ $vg->goodsname}}</a>
                                            </div>
                                            <p class="price">{{ $vg->price }}元</p>
                                            <div class="flags">
                                        <div class="flag">{{ $vg->subtitle }}</div>
                                        </div>
                                    </li>
                                    @endforeach
                                </ul>
                            </div>
                    </div>
                </li>
                @endforeach
                <li class="nav-item">
                    <a class="link" href="#" target="_blank" data-stat-id="59049922b2b5c11c" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-59049922b2b5c11c', '//www.mi.com/service/', 'pcpid']);">
                        <span class="text">服务</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="link" rel="nofollow" href="#" target="_blank" data-stat-id="359ee71e873842fd" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-359ee71e873842fd', 'http://www.xiaomi.cn', 'pcpid']);">
                        <span class="text">社区</span>
                    </a>    
                </li>
            </ul>
        </div>
        <div class="header-search">
            <form id="J_searchForm" class="search-form clearfix" action="/home/seek" method="get">
                <label class="hide" for="search">站内搜索</label>
                <input id="search" class="search-text" name="goodsname">
                <input class="search-btn iconfont" value="" type="submit" onclick="doMit()">
                <div class="search-hot-words">
                    <a href="{{ url('/home/detxiaomi5splus') }}?id=7" data-stat-id="df3a7c4d4bcba72a" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-df3a7c4d4bcba72a', '//www.mi.com/mix/', 'pcpid']);">
                        小米5s Plus
                    </a>
                    <a href="{{ url('home/dethongmi') }}?id=9" data-stat-id="e3f181b21a68f720" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-e3f181b21a68f720', '//www.mi.com/mitv3s/55/', 'pcpid']);">
                        红米Note4
                    </a>
                </div>
                <div id="J_keywordList" class="keyword-list hide">
                    <ul class="result-list"></ul>
                </div>
            </form>
            <script type="text/javascript">
            	function doMit()
            	{
            		var form = document.getElementById('J_searchForm');
            		form.action= '/home/seek'
            		form.submit();
            	}
            </script>
        </div>
    </div>
    <div id="J_navMenu" class="header-nav-menu header-nav-menu-active" style="display: none;">
        <div class="container">
            <ul class="children-list clearfix">
                <li class="first">
                    <div class="figure figure-thumb">
                        <a href="//www.mi.com/redminote4/" data-stat-id="36ebcb87576093a4" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-36ebcb87576093a4', '//www.mi.com/redminote4/', 'pcpid']);">
                            <img src="//c1.mifile.cn/f/i/g/doodle/hongminote4!160x110.jpg" data-src="//c1.mifile.cn/f/i/g/doodle/hongminote4!160x110.jpg" srcset="//c1.mifile.cn/f/i/g/doodle/hongminote4!320x220.jpg 2x" alt="红米Note 4" width="160" height="110">
                        </a>
                    </div>
                    <div class="title">
                        <a href="//www.mi.com/redminote4/" data-stat-id="1448e7686016828d" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-1448e7686016828d', '//www.mi.com/redminote4/', 'pcpid']);">
                            红米Note 4
                        </a>
                    </div>
                    <p class="price">999元起</p>
                    <div class="flags">
                        <div class="flag">现货</div>
                    </div>
                </li>
                <li>
                    <div class="figure figure-thumb">
                        <a href="//www.mi.com/redmi4" data-stat-id="089a4e4255fff4ae" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-089a4e4255fff4ae', '//www.mi.com/redmi4', 'pcpid']);">
                            <img src="//c1.mifile.cn/f/i/g/2015/cn-index/320-2202!160x110.jpg" data-src="//c1.mifile.cn/f/i/g/2015/cn-index/320-2202!160x110.jpg" srcset="//c1.mifile.cn/f/i/g/2015/cn-index/320-2202!320x220.jpg 2x" alt="红米4" width="160" height="110">
                        </a>
                    </div>
                    <div class="title">
                        <a href="//www.mi.com/redmi4" data-stat-id="a2efe977880ea74c" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-a2efe977880ea74c', '//www.mi.com/redmi4', 'pcpid']);">
                            红米4
                        </a>
                    </div>
                    <p class="price">699元起</p>
                </li>
                <li>
                    <div class="figure figure-thumb">
                        <a href="//www.mi.com/redmipro/" data-stat-id="8847f62e30526d07" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-8847f62e30526d07', '//www.mi.com/redmipro/', 'pcpid']);">
                            <img src="//c1.mifile.cn/f/i/g/2015/cn-index/hongmipro-320!160x110.jpg" data-src="//c1.mifile.cn/f/i/g/2015/cn-index/hongmipro-320!160x110.jpg" srcset="//c1.mifile.cn/f/i/g/2015/cn-index/hongmipro-320!320x220.jpg 2x" alt="红米Pro" width="160" height="110">
                        </a>
                    </div>
                    <div class="title">
                        <a href="//www.mi.com/redmipro/" data-stat-id="afbc91e2215770c0" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-afbc91e2215770c0', '//www.mi.com/redmipro/', 'pcpid']);">
                            红米Pro
                        </a>
                    </div>
                    <p class="price">1099元起</p>
                    <div class="flags">
                        <div class="flag">现货</div>
                    </div>
                </li>
                <li>
                    <div class="figure figure-thumb">
                        <a href="//www.mi.com/hongmi3s/" data-stat-id="b049b3b127f65984" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-b049b3b127f65984', '//www.mi.com/hongmi3s/', 'pcpid']);">
                            <img src="//c1.mifile.cn/f/i/g/2015/hm3S-320-220!160x110.jpg" data-src="//c1.mifile.cn/f/i/g/2015/hm3S-320-220!160x110.jpg" srcset="//c1.mifile.cn/f/i/g/2015/hm3S-320-220!320x220.jpg 2x" alt="红米手机3S" width="160" height="110">
                        </a>
                    </div>
                    <div class="title">
                        <a href="//www.mi.com/hongmi3s/" data-stat-id="64445a4a0fded026" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-64445a4a0fded026', '//www.mi.com/hongmi3s/', 'pcpid']);">
                            红米手机3S
                        </a>
                    </div>
                    <p class="price">699元起</p>
                    <div class="flags">
                        <div class="flag">现货</div>
                    </div>
                </li>
                <li>
                    <div class="figure figure-thumb">
                        <a href="//www.mi.com/hongmi3x/" data-stat-id="57a5aa520d1b0160" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-57a5aa520d1b0160', '//www.mi.com/hongmi3x/', 'pcpid']);">
                            <img src="//c1.mifile.cn/f/i/g/doodle/320-220!160x110.jpg" data-src="//c1.mifile.cn/f/i/g/doodle/320-220!160x110.jpg" srcset="//c1.mifile.cn/f/i/g/doodle/320-220!320x220.jpg 2x" alt="红米手机3X" width="160" height="110">
                        </a>
                    </div>
                    <div class="title">
                        <a href="//www.mi.com/hongmi3x/" data-stat-id="565ddb80ad77d680" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-565ddb80ad77d680', '//www.mi.com/hongmi3x/', 'pcpid']);">
                            红米手机3X
                        </a>
                    </div>
                    <p class="price">799元</p>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- ========================================================================================== -->
<!--******************* 轮播图 ****************** -->
<div class="home-hero-container container">
    <div class="home-hero">
        <div class="home-hero-slider">
            <div id="J_homeSlider" class="xm-slider" data-stat-title="焦点图轮播">                            
                <!-- <div class="slide loaded"> -->
                @foreach($picscroll as $v)
                <div>
                    <a href="" data-stat-aid="AA14419" data-stat-pid="2_15_1_67" target="_blank">
                        <img class="imgg" src="{{ asset('picscroll') }}/{{ $v->pic }}" />
                    </a>
                </div>
                @endforeach
                <!-- ============== 图片轮播 ========== -->
                <script type="text/javascript">
					//节点
					var list = $(".imgg");
					var m=0;
					//0-4
					setInterval(function (){
						// 让哪张图片显示 
						for(var i=0;i<list.length;i++){
							//m==i的图片显示 
							if(m==i){
								list[i].style.display = "block";
							//其他图片隐藏 
							}else{
								list[i].style.display = "none";
							}
						}		
						// console.log(m);
						//m自增 
						m++;
						// 判断m的有效性
						if(m>=list.length){
							m=0;
						}

					},2000);
				</script>	
            </div>
        </div>
        <div class="home-hero-sub row">
            <div class="span4">
                <ul class="home-channel-list clearfix">
                    <li class="top left">
                        <a href="//www.mi.com/compare/" data-stat-aid="AA13424" data-stat-pid="2_44_1_250" target="_blank">
                            <i class="iconfont">&#xe901;</i>
                            选购手机
                        </a>
                    </li>
                    <li class="top">
                        <a href="http://tuan.qiye.mi.com/" data-stat-aid="AA10868" data-stat-pid="2_44_2_251" target="_blank">
                            <i class="iconfont"></i>
                            企业团购
                        </a>
                    </li>
                    <li class="top">
                        <a href="//item.mi.com/re" data-stat-aid="AA10869" data-stat-pid="2_44_3_252" target="_blank">
                            <i class="iconfont">&#xe63b;</i>
                            官翻产品
                        </a>
                    </li>
                    <li class="left">
                        <a href="//www.mi.com/mimobile/" data-stat-aid="AA11244" data-stat-pid="2_44_4_253" target="_blank">
                            <i class="iconfont"></i>
                            小米移动
                        </a>
                    </li>
                    <li class="">
                        <a href="http://huanxin.mi.com/product/list" data-stat-aid="AA12084" data-stat-pid="2_44_5_254" target="_blank">
                            <i class="iconfont"></i>
                            以旧换新
                        </a>
                    </li>
                    <li class="">
                        <a href="http://recharge.10046.mi.com/" data-stat-aid="AA10871" data-stat-pid="2_44_6_255" target="_blank">
                            <i class="iconfont"></i>
                            话费充值
                        </a>
                    </li>
                </ul>
            </div>
            <div class="span16" id="J_homePromo" data-stat-title="焦点图下方小图">
                <ul class="home-promo-list clearfix">
                    <li class="first">
                        <a class="item" href="home/detxiaomi5splus?id=7" data-stat-aid="AA14420" data-stat-pid="2_16_1_77" target="_blank">
                            <img alt="小米电视3s55英寸活动" src="{{ asset('homeindexs/picture/43dc716a1f3942bfb1756cdaf1713885.gif') }}" srcset="http://i3.mifile.cn/a4/31dfaab0-b74e-43ad-b663-f392eaf5da38 2x" />
                        </a>
                    </li>
                    <li>
                        <a class="item" href="home/detxiaomi5splus?id=7" data-stat-aid="AA14400" data-stat-pid="2_16_2_78" target="_blank">
                            <img alt="小米5赠耳机+LED灯" src="{{ asset('homeindexs/picture/81d0cf7a97b346f3ab6a40c22a3627b2.gif') }}" srcset="http://i3.mifile.cn/a4/b2689cb3-6b8f-4f23-aafe-e55463992e61 2x" />
                        </a>
                    </li>
                    <li>
                        <a class="item" href="home/detxiaomi5splus?id=7" data-stat-aid="AA14399" data-stat-pid="2_16_3_79" target="_blank">
                            <img alt="米家IH电饭煲赠大米" src="{{ asset('homeindexs/picture/daf60837b2294248ac65bf79db111a67.gif') }}" srcset="http://i3.mifile.cn/a4/151f620f-d931-425c-8fc9-187b691c42b7 2x" />
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
<!-- 816 热门商品推荐位
<!--  816 热门商品推荐 END-->
<div class="home-star-goods" id="J_homeStar">
    <div class="xm-plain-box">
        <div class="box-hd">
            <!-- <h2 class="title">小米明星单品</h2> -->
            <h2 class="title"> 2017年，你想要什么新年礼物？</h2>
            <div class="more"></div>
        </div>
        <div class="box-bd">
            <ul class="xm-carousel-list xm-carousel-col-5-list goods-list rainbow-list clearfix J_carouselList">
                <li class="rainbow-item-1 two">
                    <a class="thumb" href="home/detxiaomi5splus?id=7" data-stat-aid="AA14372" data-stat-pid="2_17_1_80" target="_blank">
                        <img src="{{ asset('homeindexs/picture/0b16b773e4c7446fa76e90837619e2cc.gif') }}" srcset="http://i3.mifile.cn/a4/73b8ebac-c91e-486d-8acf-23cf497dff30 2x" alt="小米5s Plus" />
                    </a>
                    <h3 class="title">
                        <a href="home/detxiaomi5splus?id=7" data-stat-aid="AA14372" data-stat-pid="2_17_1_80" target="_blank">
                        小米5s Plus
                        </a>
                    </h3>
                    <p class="desc">5.7英寸大屏双摄手机，拍照黑科技</p>
                    <p class="price">2299元起</p>
                </li>
                <li class="rainbow-item-2 two">
                    <a class="thumb" href="home/detxiaomi5splus?id=7" data-stat-aid="AA14392" data-stat-pid="2_17_2_81" target="_blank">
                        <img src="{{ asset('homeindexs/picture/3198d5fdd0b0434e99c52c022d322a64.gif') }}" srcset="http://i3.mifile.cn/a4/4f0baa5c-2160-44d1-83ab-52766693ea32 2x" alt="红米Note4" />
                    </a>
                    <h3 class="title">
                        <a href="home/detxiaomi5splus?id=7" data-stat-aid="AA14392" data-stat-pid="2_17_2_81" target="_blank">
                            红米Note4
                        </a>
                    </h3>
                    <p class="desc">十核旗舰处理器，一体化全金属机身</p>
                    <p class="price">999元起</p>
                </li>
                <li class="rainbow-item-3 two">
                    <a class="thumb" href="home/detxiaomi5splus?id=7" data-stat-aid="AA14371" data-stat-pid="2_17_3_82" target="_blank">
                        <img src="{{ asset('homeindexs/picture/92d554110856457fb62a92395bc720ec.gif') }}" srcset="http://i3.mifile.cn/a4/00591dc9-2a35-4015-ac14-77bf91485f56 2x" alt="小米Max" />
                    </a>
                    <h3 class="title">
                        <a href="/home/detxiaomi5splus?id=7" data-stat-aid="AA14371" data-stat-pid="2_17_3_82" target="_blank">
                            小米Max
                        </a>
                    </h3>
                    <p class="desc">6.44英寸大屏、4850mAh 大电量</p>
                    <p class="price">1299元起</p>
                </li>
                <li class="rainbow-item-4 two">
                    <a class="thumb" href="home/detxiaomi5splus?id=7" data-stat-aid="AA14370" data-stat-pid="2_17_4_83" target="_blank">
                        <img src="{{ asset('homeindexs/picture/8b96f83ab99d4c16b9744088e49828bc.gif') }}" srcset="http://i3.mifile.cn/a4/073b5ddc-9117-4668-adbe-878c928a79da 2x" alt="小米笔记本" />
                    </a>
                    <h3 class="title">
                        <a href="home/detxiaomi5splus?id=7" data-stat-aid="AA14370" data-stat-pid="2_17_4_83" target="_blank">
                            小米笔记本
                        </a>
                    </h3>
                    <p class="desc">独立显卡、超轻薄、金属机身</p>
                    <p class="price">3499元</p>
                </li>
                <li class="rainbow-item-5 two">
                    <a class="thumb" href="/home/detxiaomi5splus?id=7" data-stat-aid="AA14385" data-stat-pid="2_17_5_84" target="_blank">
                        <img src="{{ asset('homeindexs/picture/250aafe266a443059c75f67f34553566.gif') }}" srcset="http://i3.mifile.cn/a4/b254845f-ddff-42c1-8976-653d050395ca 2x" alt="小米电视3s 60英寸" />
                    </a>
                    <h3 class="title">
                        <a href="home/detxiaomi5splus?id=7" data-stat-aid="AA14385" data-stat-pid="2_17_5_84" target="_blank">小米电视3s 60英寸</a>
                    </h3>
                    <p class="desc">12月15日-22日下单立减300元</p>
                    <p class="price">4499元</p>
                </li>
            </ul>
        </div>
    </div>
</div>
</div>
<div class="page-main home-main">
    <div class="container">
        <!-- 遍历商品双行行分类部分，一级分类 -->
        @foreach($listeven as $v)
        <div id="match" class="home-brick-box home-brick-row-2-box xm-plain-box J_itemBox J_brickBox is-visible loaded" data-from-stat="true" data-region-stat="1">
            <div class="box-hd">
                <h2 class="title">{{ $v->classname }}</h2>
                <div class="more J_brickNav">
                    <ul class="tab-list J_brickTabSwitch" data-tab-target="match-content">
                        <li class="tab-active">热门</li>
                        <li>耳机音箱</li>
                        <li>电源</li>
                        <li>电池存储卡</li>
                    </ul>
                </div>
            </div>
           <div class="box-bd J_brickBd">
               <div class="row">
                    <div class="span4 span-first">
                        <ul class="brick-promo-list clearfix">
                            <li class="brick-item brick-item-l">
                                <a href="//www.mi.com/dianfanbao2/" data-stat-aid="AA14565" data-stat-pid="2_18_1_90" target="_blank" data-stat-id="AA14565+2_18_1_90" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14565+2_18_1_90', '//www.mi.com/dianfanbao2/', 'pcpid']);">
                                    <img src="http://i3.mifile.cn/a4/07a19a37-2b6e-44ee-96dc-dd2ecbf11aca" alt="" width="160" height="160">
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="span16">
                        <div id="match-content" class="tab-container">
                            <ul class="brick-list tab-content clearfix tab-content-active J_recommendActive">
                                <!-- 遍历商品双行行分类部分，二级分类 -->
                                @foreach($listtwo["$v->classname"] as $vg)
                                <li class="brick-item brick-item-m two" data-gid="2164900011">
                                    <div class="figure figure-img">
                                        <a href='{{ url("$vg->path") }}?id={{$vg->goodsid}}' data-stat-method="1_1" data-stat-index="0" data-stat-text="20000mAh小米移动电源2" target="_blank" data-stat-pid="stat_首页.搭配热门_0_1_1" data-stat-aid="20000mAh小米移动电源2" data-stat-id="20000mAh小米移动电源2+stat_首页.搭配热门_0_1_1" onclick="">
                                            <img src="{{ url('uploads') }}/{{ $vg->picture }}?width=150&height=150" alt="20000mAh小米移动电源2" width="150" height="150">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href='{{ url("$vg->path") }}?id={{$vg->goodsid}}' data-stat-method="1_1" data-stat-index="0" data-stat-text="20000mAh小米移动电源2" target="_blank" data-stat-pid="stat_首页.搭配热门_0_1_1" data-stat-aid="20000mAh小米移动电源2" data-stat-id="20000mAh小米移动电源2+stat_首页.搭配热门_0_1_1" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-20000mAh小米移动电源2+stat_首页.搭配热门_0_1_1', '//item.mi.com/1164900027.html', 'pcpid']);">{{ $vg->goodsname }}</a>
                                    </h3>
                                    <p class="price">
                                        <span class="num">{{ $vg->price }}</span>
                                        元
                                    </p>
                                    <p class="rank">552人评价</p>
                                    <div class="flag flag-new">{{ $vg->subtitle }}</div>
                                </li>
                                @endforeach
                                <li class="brick-item brick-item-s" data-gid="2144800001">
                                    <div class="figure figure-img">
                                        <a href="#" data-stat-method="1_1" data-stat-index="7" data-stat-text="小米移动电源5000mAh 银色" target="_blank" data-stat-pid="stat_首页.搭配热门_7_1_1" data-stat-aid="小米移动电源5000mAh银色" data-stat-id="小米移动电源5000mAh银色+stat_首页.搭配热门_7_1_1" onclick="">
                                            <img src="//i2.mifile.cn/a1/T1pZbvBTET1RXrhCrK.jpg?width=80&height=80" alt="小米移动电源5000mAh 银色" width="80" height="80">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="#" data-stat-method="1_1" data-stat-index="7" data-stat-text="小米移动电源5000mAh 银色" target="_blank" data-stat-pid="stat_首页.搭配热门_7_1_1" data-stat-aid="小米移动电源5000mAh银色" data-stat-id="小米移动电源5000mAh银色+stat_首页.搭配热门_7_1_1" onclick="">
                                            小米移动电源5000mAh 银色
                                        </a>
                                    </h3>
                                    <p class="price">
                                        <span class="num">49</span>
                                        元
                                    </p>
                                </li>
                                <li class="brick-item brick-item-s">
                                    <div class="figure figure-more">
                                    <a href="#" target="_blank" data-stat-pid="stat_首页.搭配热门_undefined_undefined" data-stat-id="undefined+stat_首页.搭配热门_undefined_undefined" onclick="">
                                        <i class="iconfont"></i>
                                    </a>
                                    </div>
                                    <a class="more" href="#" target="_blank" data-stat-pid="stat_首页.搭配热门_undefined_undefined" data-stat-id="undefined+stat_首页.搭配热门_undefined_undefined" onclick="">
                                        浏览更多
                                        <small>热门</small>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endforeach
        <!-- 遍历商品单行分类部分，一级分类 -->
        @foreach($listodd as $v)
        <div id="recommend" class="home-recm-box home-brick-box home-brick-row-1-box xm-plain-box J_itemBox J_recommendBox is-visible" data-region-stat="1">
            <div class="box-hd">
                <h2 class="title">{{ $v->classname }}</h2>
                <div class="more J_brickNav">
                    <div class="xm-controls xm-controls-line-small xm-carousel-controls">
                        <a class="control control-prev iconfont control-disabled" href="javascript: void(0);" data-stat-pid="stat_首页.猜你喜欢_undefined_undefined" data-stat-id="undefined+stat_首页.猜你喜欢_undefined_undefined" onclick=""></a>
                        <a class="control control-next iconfont" href="javascript: void(0);" data-stat-pid="stat_首页.猜你喜欢_undefined_undefined" data-stat-id="undefined+stat_首页.猜你喜欢_undefined_undefined" onclick=""></a>
                    </div>
                </div>
            </div>
            <div id="recommend-bd" class="box-bd J_brickBd J_recommend-like container xm-carousel-container">
                <div class="xm-recommend">
                    <div class="xm-carousel-wrapper" style="height: 320px; overflow: hidden;">
                        <ul class="xm-carousel-col-5-list xm-carousel-list clearfix" data-carousel-list="true" style="width: 4960px; margin-left: 0px; transition: margin-left 0.5s ease 0s;">
                            <!-- 遍历商品单行分类部分,二级分类 -->
                            @foreach($listo["$v->classname"] as $vg)
                            <li class="J_xm-recommend-list">
                                <dl>
                                    <dt>
                                        <a href='{{ url("$vg->path") }}?id={{$vg->goodsid}}' data-stat-method="1_1" data-stat-index="0" data-stat-text="小米笔记本Air 13.3英寸" target="_blank" data-stat-pid="stat_首页.猜你喜欢_0_1_1" data-stat-aid="小米笔记本Air13.3英寸" data-stat-id="小米笔记本Air13.3英寸+stat_首页.猜你喜欢_0_1_1" onclick="">
                                        <img src="{{ url('uploads') }}/{{ $vg->picture }}?width=140&height=140" srcset="//i1.mifile.cn/a1/pms_1469583247.6157588.jpg?width=280&height=280 2x" alt="小米笔记本Air 13.3英寸">
                                        </a>
                                    </dt>
                                    <dd class="xm-recommend-name">
                                        <a href='{{ url("$vg->path") }}?id={{$vg->goodsid}}' data-stat-method="1_1" data-stat-index="0" data-stat-text="小米笔记本Air 13.3英寸" target="_blank" data-stat-pid="stat_首页.猜你喜欢_0_1_1" data-stat-aid="小米笔记本Air13.3英寸" data-stat-id="小米笔记本Air13.3英寸+stat_首页.猜你喜欢_0_1_1" onclick=""> 
                                        {{ $vg->goodsname }} 
                                        </a>
                                    </dd>
                                    <dd class="xm-recommend-price">{{ $vg->price }}</dd>
                                    <dd class="xm-recommend-tips"> 4204人好评 </dd>
                                    <dd class="xm-recommend-notice"></dd>
                                </dl>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        @endforeach
<!-- *************************************************小米内容部分***************************************** -->
        <div id="content" class="home-content-box xm-plain-box J_itemBox J_contentBox is-visible">
            <div class="box-hd">
            <h2 class="title">内容</h2>
            </div>
            <div class="box-bd J_brickBd">
                <ul class="content-list clearfix">
                    <li class="content-item content-item-book content-item-first xm-carousel-container">
                        <h2 class="title">图书</h2>
                        <div class="xm-carousel-wrapper" style="height: 340px; overflow: hidden;">
                            <ul class="item-list clearfix" style="width: 888px; margin-left: 0px; transition: margin-left 0.5s ease 0s;">
                                <li>
                                    <h4 class="name">
                                        <a href="http://www.duokan.com/book/120800" data-stat-aid="AA13919" data-stat-pid="2_39_1_233" tabindex="-1" target="_blank" data-stat-id="AA13919+2_39_1_233" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13919+2_39_1_233', 'http://www.duokan.com/book/120800', 'pcpid']);">哈利·波特与被诅咒的孩子</a>
                                    </h4>
                                    <p class="desc">
                                        <a href="http://www.duokan.com/book/120800" data-stat-aid="AA13919" data-stat-pid="2_39_1_233" tabindex="-1" target="_blank" data-stat-id="AA13919+2_39_1_233" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13919+2_39_1_233', 'http://www.duokan.com/book/120800', 'pcpid']);">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </a>
                                    </p>
                                    <p class="price">
                                        <a href="http://www.duokan.com/book/120800" data-stat-aid="AA13919" data-stat-pid="2_39_1_233" tabindex="-1" target="_blank" data-stat-id="AA13919+2_39_1_233" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13919+2_39_1_233', 'http://www.duokan.com/book/120800', 'pcpid']);">29.37元</a>
                                    </p>
                                    <div class="figure figure-img">
                                        <a href="http://www.duokan.com/book/120800" data-stat-aid="AA13919" data-stat-pid="2_39_1_233" tabindex="-1" target="_blank" data-stat-id="AA13919+2_39_1_233" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13919+2_39_1_233', 'http://www.duokan.com/book/120800', 'pcpid']);">
                                        <img src="http://i3.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757" alt="哈利·波特与被诅咒的孩子" width="160" height="140">
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <h4 class="name">
                                    <a href="http://www.duokan.com/book/120867" data-stat-aid="AA13920" data-stat-pid="2_39_2_234" tabindex="-1" target="_blank" data-stat-id="AA13920+2_39_2_234" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13920+2_39_2_234', 'http://www.duokan.com/book/120867', 'pcpid']);">好吗好的</a>
                                    </h4>
                                    <p class="desc">
                                    <a href="http://www.duokan.com/book/120867" data-stat-aid="AA13920" data-stat-pid="2_39_2_234" tabindex="-1" target="_blank" data-stat-id="AA13920+2_39_2_234" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13920+2_39_2_234', 'http://www.duokan.com/book/120867', 'pcpid']);">畅销作家大冰2016年新书！讲给你听，好吗好的！</a>
                                    </p>
                                    <p class="price">
                                    <a href="http://www.duokan.com/book/120867" data-stat-aid="AA13920" data-stat-pid="2_39_2_234" tabindex="-1" target="_blank" data-stat-id="AA13920+2_39_2_234" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13920+2_39_2_234', 'http://www.duokan.com/book/120867', 'pcpid']);">17.99元</a>
                                    </p>
                                    <div class="figure figure-img">
                                    <a href="http://www.duokan.com/book/120867" data-stat-aid="AA13920" data-stat-pid="2_39_2_234" tabindex="-1" target="_blank" data-stat-id="AA13920+2_39_2_234" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13920+2_39_2_234', 'http://www.duokan.com/book/120867', 'pcpid']);">
                                    <img src="http://i3.mifile.cn/a4/61e1385e-54de-48f3-8717-5e4f4b1cdd14" alt="好吗好的" width="160" height="140">
                                    </a>
                                    </div>
                                </li>
                                <li class="more">
                                    <p class="desc">
                                    海量好书，享受精品阅读时光
                                    <br>
                                    漂亮的中文排版，千万读者选择！
                                    </p>
                                    <a class="btn btn-small btn-line-orange" href="http://www.duokan.com/list/1-1?from=xiaomi" tabindex="-1" target="_blank" data-stat-id="988c114a2ec1324e" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-988c114a2ec1324e', 'http://www.duokan.com/list/1-1?from=xiaomi', 'pcpid']);">前往多看阅读</a>
                                    <img class="thumb" src="//s01.mifile.cn/i/index/more-duokan.jpg" alt="多看阅读" width="160" height="140">
                                </li>
                            </ul>
                        </div>
                        <div class="xm-pagers-wrapper">
                            <ul class="xm-pagers">
                                <li class="pager pager-active">
                                <span class="dot">1</span>
                                </li>
                                <li class="pager">
                                <span class="dot">2</span>
                                </li>
                                <li class="pager">
                                <span class="dot">3</span>
                                </li>
                            </ul>
                        </div>
                        <div class="xm-controls xm-controls-block-small xm-carousel-controls">
                            <a class="control control-prev iconfont control-disabled" href="javascript: void(0);" data-stat-id="3279782c93671e40" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-3279782c93671e40', 'javascript:void(0);', 'pcpid']);"></a>
                            <a class="control control-next iconfont" href="javascript: void(0);" data-stat-id="eb7db36a58f24906" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-eb7db36a58f24906', 'javascript:void(0);', 'pcpid']);"></a>
                        </div>
                    </li>
                    <li class="content-item content-item-theme xm-carousel-container">
                        <h2 class="title">MIUI 主题</h2>
                            <div class="xm-carousel-wrapper" style="height: 340px; overflow: hidden;">
                                <ul class="item-list clearfix" style="width: 1184px; margin-left: 0px; transition: margin-left 0.5s ease 0s;">
                                    <li>
                                        <h4 class="name">
                                        <a href="http://zhuti.xiaomi.com/detail/0deababf-bab1-4211-8cf3-58196a90c93f" data-stat-aid="AA14573" data-stat-pid="2_40_1_236" tabindex="-1" target="_blank" data-stat-id="AA14573+2_40_1_236" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14573+2_40_1_236', 'http://zhuti.xiaomi.com/detail/0deababf-bab1-4211-8cf3-58196a90c93f', 'pcpid']);">暖冬礼屋</a>
                                        </h4>
                                        <p class="desc">
                                        <a href="http://zhuti.xiaomi.com/detail/0deababf-bab1-4211-8cf3-58196a90c93f" data-stat-aid="AA14573" data-stat-pid="2_40_1_236" tabindex="-1" target="_blank" data-stat-id="AA14573+2_40_1_236" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14573+2_40_1_236', 'http://zhuti.xiaomi.com/detail/0deababf-bab1-4211-8cf3-58196a90c93f', 'pcpid']);">年度双旦主题，锁屏玩游戏赢大奖！</a>
                                        </p>
                                        <p class="price">
                                        <a href="http://zhuti.xiaomi.com/detail/0deababf-bab1-4211-8cf3-58196a90c93f" data-stat-aid="AA14573" data-stat-pid="2_40_1_236" tabindex="-1" target="_blank" data-stat-id="AA14573+2_40_1_236" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14573+2_40_1_236', 'http://zhuti.xiaomi.com/detail/0deababf-bab1-4211-8cf3-58196a90c93f', 'pcpid']);">免费</a>
                                        </p>
                                        <div class="figure figure-img">
                                        <a href="http://zhuti.xiaomi.com/detail/0deababf-bab1-4211-8cf3-58196a90c93f" data-stat-aid="AA14573" data-stat-pid="2_40_1_236" tabindex="-1" target="_blank" data-stat-id="AA14573+2_40_1_236" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14573+2_40_1_236', 'http://zhuti.xiaomi.com/detail/0deababf-bab1-4211-8cf3-58196a90c93f', 'pcpid']);">
                                        <img src="http://i3.mifile.cn/a4/fa97d415-b0b3-4dfc-a568-d914610cea34" alt="暖冬礼屋" width="160" height="140">
                                        </a>
                                        </div>
                                    </li>
                                    <li>
                                        <h4 class="name">
                                        <a href="http://zhuti.xiaomi.com/detail/171570b8-c6f9-4c64-9fe5-1fbfcef0e1dd" data-stat-aid="AA14574" data-stat-pid="2_40_2_237" tabindex="-1" target="_blank" data-stat-id="AA14574+2_40_2_237" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14574+2_40_2_237', 'http://zhuti.xiaomi.com/detail/171570b8-c6f9-4c64-9fe5-1fbfcef0e1dd', 'pcpid']);">影之刃2</a>
                                        </h4>
                                        <p class="desc">
                                        <a href="http://zhuti.xiaomi.com/detail/171570b8-c6f9-4c64-9fe5-1fbfcef0e1dd" data-stat-aid="AA14574" data-stat-pid="2_40_2_237" tabindex="-1" target="_blank" data-stat-id="AA14574+2_40_2_237" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14574+2_40_2_237', 'http://zhuti.xiaomi.com/detail/171570b8-c6f9-4c64-9fe5-1fbfcef0e1dd', 'pcpid']);">官方定制主题，设计风格还原游戏中的“蒸汽朋克+黑暗武侠”</a>
                                        </p>
                                        <p class="price">
                                        <a href="http://zhuti.xiaomi.com/detail/171570b8-c6f9-4c64-9fe5-1fbfcef0e1dd" data-stat-aid="AA14574" data-stat-pid="2_40_2_237" tabindex="-1" target="_blank" data-stat-id="AA14574+2_40_2_237" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14574+2_40_2_237', 'http://zhuti.xiaomi.com/detail/171570b8-c6f9-4c64-9fe5-1fbfcef0e1dd', 'pcpid']);">免费</a>
                                        </p>
                                        <div class="figure figure-img">
                                        <a href="http://zhuti.xiaomi.com/detail/171570b8-c6f9-4c64-9fe5-1fbfcef0e1dd" data-stat-aid="AA14574" data-stat-pid="2_40_2_237" tabindex="-1" target="_blank" data-stat-id="AA14574+2_40_2_237" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14574+2_40_2_237', 'http://zhuti.xiaomi.com/detail/171570b8-c6f9-4c64-9fe5-1fbfcef0e1dd', 'pcpid']);">
                                        <img src="http://i3.mifile.cn/a4/1cb0c963-7afb-41c9-92ca-051fd700b0f8" alt="影之刃2" width="160" height="140">
                                        </a>
                                        </div>
                                    </li>
                                    <li>
                                        <h4 class="name">
                                        <a href="http://zhuti.xiaomi.com/detail/a89777ab-ee69-4e93-8456-57ca2cc03609" data-stat-aid="AA14449" data-stat-pid="2_40_3_238" tabindex="-1" target="_blank" data-stat-id="AA14449+2_40_3_238" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14449+2_40_3_238', 'http://zhuti.xiaomi.com/detail/a89777ab-ee69-4e93-8456-57ca2cc03609', 'pcpid']);">刷票神器（概念版）</a>
                                        </h4>
                                        <p class="desc">
                                        <a href="http://zhuti.xiaomi.com/detail/a89777ab-ee69-4e93-8456-57ca2cc03609" data-stat-aid="AA14449" data-stat-pid="2_40_3_238" tabindex="-1" target="_blank" data-stat-id="AA14449+2_40_3_238" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14449+2_40_3_238', 'http://zhuti.xiaomi.com/detail/a89777ab-ee69-4e93-8456-57ca2cc03609', 'pcpid']);">刷票本不难，姿势很重要！春节回家，全都靠ta~</a>
                                        </p>
                                        <p class="price">
                                        <a href="http://zhuti.xiaomi.com/detail/a89777ab-ee69-4e93-8456-57ca2cc03609" data-stat-aid="AA14449" data-stat-pid="2_40_3_238" tabindex="-1" target="_blank" data-stat-id="AA14449+2_40_3_238" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14449+2_40_3_238', 'http://zhuti.xiaomi.com/detail/a89777ab-ee69-4e93-8456-57ca2cc03609', 'pcpid']);">免费</a>
                                        </p>
                                        <div class="figure figure-img">
                                        <a href="http://zhuti.xiaomi.com/detail/a89777ab-ee69-4e93-8456-57ca2cc03609" data-stat-aid="AA14449" data-stat-pid="2_40_3_238" tabindex="-1" target="_blank" data-stat-id="AA14449+2_40_3_238" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14449+2_40_3_238', 'http://zhuti.xiaomi.com/detail/a89777ab-ee69-4e93-8456-57ca2cc03609', 'pcpid']);">
                                        <img src="http://i3.mifile.cn/a4/2f2939a9-3730-4858-8aad-0f2212a53e0e" alt="刷票神器（概念版）" width="160" height="140">
                                        </a>
                                        </div>
                                    </li>
                                    <li class="more">
                                        <p class="desc">
                                        众多个性主题、百变锁屏与自由桌面
                                        <br>
                                        让你的手机与众不同！
                                        </p>
                                        <a class="btn btn-small btn-line-green" href="http://zhuti.xiaomi.com/?from=mi" tabindex="-1" target="_blank" data-stat-id="f432704d3580992b" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-f432704d3580992b', 'http://zhuti.xiaomi.com/?from=mi', 'pcpid']);">前往MIUI主题市场</a>
                                        <img class="thumb" src="//s01.mifile.cn/i/index/more-miui.jpg" alt="MIUI主题市场" width="160" height="140">
                                    </li>
                                </ul>
                            </div>
                            <div class="xm-pagers-wrapper">
                                <ul class="xm-pagers">
                                <li class="pager pager-active">
                                <span class="dot">1</span>
                                </li>
                                <li class="pager">
                                <span class="dot">2</span>
                                </li>
                                <li class="pager">
                                <span class="dot">3</span>
                                </li>
                                <li class="pager">
                                <span class="dot">4</span>
                                </li>
                                </ul>
                            </div>
                            <div class="xm-controls xm-controls-block-small xm-carousel-controls">
                                <a class="control control-prev iconfont control-disabled" href="javascript: void(0);" data-stat-id="d508657370110564" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-d508657370110564', 'javascript:void(0);', 'pcpid']);"></a>
                                <a class="control control-next iconfont" href="javascript: void(0);" data-stat-id="019c56c08b51f338" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-019c56c08b51f338', 'javascript:void(0);', 'pcpid']);"></a>
                            </div>
                    </li>
                    <li class="content-item content-item-game xm-carousel-container">
                        <h2 class="title">游戏</h2>
                        <div class="xm-carousel-wrapper" style="height: 340px; overflow: hidden;">
                            <ul class="item-list clearfix" style="width: 1184px; margin-left: 0px; transition: margin-left 0.5s ease 0s;">
                                <li>
                                    <h4 class="name">
                                    <a href="http://jxsjgw.mi.com/" data-stat-aid="AA13665" data-stat-pid="2_41_1_239" tabindex="-1" target="_blank" data-stat-id="AA13665+2_41_1_239" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13665+2_41_1_239', 'http://jxsjgw.mi.com/', 'pcpid']);">剑侠世界</a>
                                    </h4>
                                    <p class="desc">
                                    <a href="http://jxsjgw.mi.com/" data-stat-aid="AA13665" data-stat-pid="2_41_1_239" tabindex="-1" target="_blank" data-stat-id="AA13665+2_41_1_239" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13665+2_41_1_239', 'http://jxsjgw.mi.com/', 'pcpid']);">一生不容错过的浪漫武侠！！</a>
                                    </p>
                                    <p class="price">
                                    <a href="http://jxsjgw.mi.com/" data-stat-aid="AA13665" data-stat-pid="2_41_1_239" tabindex="-1" target="_blank" data-stat-id="AA13665+2_41_1_239" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13665+2_41_1_239', 'http://jxsjgw.mi.com/', 'pcpid']);">免费</a>
                                    </p>
                                    <div class="figure figure-img">
                                    <a href="http://jxsjgw.mi.com/" data-stat-aid="AA13665" data-stat-pid="2_41_1_239" tabindex="-1" target="_blank" data-stat-id="AA13665+2_41_1_239" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13665+2_41_1_239', 'http://jxsjgw.mi.com/', 'pcpid']);">
                                    <img src="http://i3.mifile.cn/a4/695c909b-f541-4575-bace-d08b6465025b" alt="剑侠世界" width="160" height="140">
                                    </a>
                                    </div>
                                </li>
                                <li>
                                    <h4 class="name">
                                    <a href="http://game.xiaomi.com/miyou/index.html" data-stat-aid="AA11625" data-stat-pid="2_41_2_240" tabindex="-1" target="_blank" data-stat-id="AA11625+2_41_2_240" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA11625+2_41_2_240', 'http://game.xiaomi.com/miyou/index.html', 'pcpid']);">米柚手游模拟器</a>
                                    </h4>
                                    <p class="desc">
                                    <a href="http://game.xiaomi.com/miyou/index.html" data-stat-aid="AA11625" data-stat-pid="2_41_2_240" tabindex="-1" target="_blank" data-stat-id="AA11625+2_41_2_240" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA11625+2_41_2_240', 'http://game.xiaomi.com/miyou/index.html', 'pcpid']);">在电脑上玩遍小米所有手游</a>
                                    </p>
                                    <p class="price">
                                    <a href="http://game.xiaomi.com/miyou/index.html" data-stat-aid="AA11625" data-stat-pid="2_41_2_240" tabindex="-1" target="_blank" data-stat-id="AA11625+2_41_2_240" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA11625+2_41_2_240', 'http://game.xiaomi.com/miyou/index.html', 'pcpid']);">免费</a>
                                    </p>
                                    <div class="figure figure-img">
                                    <a href="http://game.xiaomi.com/miyou/index.html" data-stat-aid="AA11625" data-stat-pid="2_41_2_240" tabindex="-1" target="_blank" data-stat-id="AA11625+2_41_2_240" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA11625+2_41_2_240', 'http://game.xiaomi.com/miyou/index.html', 'pcpid']);">
                                    <img src="//i3.mifile.cn/a4/T1czW_BXCv1R4cSCrK.png" alt="米柚手游模拟器" width="160" height="140">
                                    </a>
                                    </div>
                                </li>
                                <li>
                                    <h4 class="name">
                                    <a href="http://ljm.mi.com/?channel=meng_1084_1_android" data-stat-aid="AA13011" data-stat-pid="2_41_3_241" tabindex="-1" target="_blank" data-stat-id="AA13011+2_41_3_241" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13011+2_41_3_241', 'http://ljm.mi.com/', 'pcpid']);">老九门</a>
                                    </h4>
                                    <p class="desc">
                                    <a href="http://ljm.mi.com/?channel=meng_1084_1_android" data-stat-aid="AA13011" data-stat-pid="2_41_3_241" tabindex="-1" target="_blank" data-stat-id="AA13011+2_41_3_241" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13011+2_41_3_241', 'http://ljm.mi.com/', 'pcpid']);">九门恩怨，盗墓笔记前传上线</a>
                                    </p>
                                    <p class="price">
                                    <a href="http://ljm.mi.com/?channel=meng_1084_1_android" data-stat-aid="AA13011" data-stat-pid="2_41_3_241" tabindex="-1" target="_blank" data-stat-id="AA13011+2_41_3_241" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13011+2_41_3_241', 'http://ljm.mi.com/', 'pcpid']);">免费</a>
                                    </p>
                                    <div class="figure figure-img">
                                    <a href="http://ljm.mi.com/?channel=meng_1084_1_android" data-stat-aid="AA13011" data-stat-pid="2_41_3_241" tabindex="-1" target="_blank" data-stat-id="AA13011+2_41_3_241" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13011+2_41_3_241', 'http://ljm.mi.com/', 'pcpid']);">
                                    <img src="http://i3.mifile.cn/a4/6032cb36-587f-4366-89ef-aefed2546552" alt="老九门" width="160" height="140">
                                    </a>
                                    </div>
                                </li>
                                <li class="more">
                                    <p class="desc">
                                    免费下载海量的手机游戏
                                    <br>
                                    天天都有现金福利赠送
                                    </p>
                                    <a class="btn btn-small btn-line-red" href="http://game.xiaomi.com/index.php?c=index&a=run" tabindex="-1" target="_blank" data-stat-id="a1e25bdde337ea31" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-a1e25bdde337ea31', 'http://game.xiaomi.com/index.php?c=index&a=run', 'pcpid']);">前往小米游戏商店</a>
                                    <img class="thumb" src="//s01.mifile.cn/i/index/more-game.jpg" alt="小米游戏商店" width="160" height="140">
                                </li>
                            </ul>
                        </div>
                        <div class="xm-pagers-wrapper">
                            <ul class="xm-pagers">
                            <li class="pager pager-active">
                            <span class="dot">1</span>
                            </li>
                            <li class="pager">
                            <span class="dot">2</span>
                            </li>
                            <li class="pager">
                            <span class="dot">3</span>
                            </li>
                            <li class="pager">
                            <span class="dot">4</span>
                            </li>
                            </ul>
                        </div>
                        <div class="xm-controls xm-controls-block-small xm-carousel-controls">
                            <a class="control control-prev iconfont control-disabled" href="javascript: void(0);" data-stat-id="a005204e88f53af4" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-a005204e88f53af4', 'javascript:void(0);', 'pcpid']);"></a>
                            <a class="control control-next iconfont" href="javascript: void(0);" data-stat-id="e9ba1869e3982516" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-e9ba1869e3982516', 'javascript:void(0);', 'pcpid']);"></a>
                        </div>
                    </li>
                    <li class="content-item content-item-app xm-carousel-container">
                        <h2 class="title">应用</h2>
                        <div class="xm-carousel-wrapper" style="height: 340px; overflow: hidden;">
                            <ul class="item-list clearfix" style="width: 1184px; margin-left: 0px; transition: margin-left 0.5s ease 0s;">
                                <li>
                                    <h4 class="name">
                                    <a href="http://app.mi.com/subject/168797" data-stat-aid="AA12082" data-stat-pid="2_42_1_242" tabindex="-1" target="_blank" data-stat-id="AA12082+2_42_1_242" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA12082+2_42_1_242', 'http://app.mi.com/subject/168797', 'pcpid']);">2015年度应用</a>
                                    </h4>
                                    <p class="desc">
                                    <a href="http://app.mi.com/subject/168797" data-stat-aid="AA12082" data-stat-pid="2_42_1_242" tabindex="-1" target="_blank" data-stat-id="AA12082+2_42_1_242" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA12082+2_42_1_242', 'http://app.mi.com/subject/168797', 'pcpid']);">2015年度应用</a>
                                    </p>
                                    <p class="price">
                                    <a href="http://app.mi.com/subject/168797" data-stat-aid="AA12082" data-stat-pid="2_42_1_242" tabindex="-1" target="_blank" data-stat-id="AA12082+2_42_1_242" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA12082+2_42_1_242', 'http://app.mi.com/subject/168797', 'pcpid']);">免费</a>
                                    </p>
                                    <div class="figure figure-img">
                                    <a href="http://app.mi.com/subject/168797" data-stat-aid="AA12082" data-stat-pid="2_42_1_242" tabindex="-1" target="_blank" data-stat-id="AA12082+2_42_1_242" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA12082+2_42_1_242', 'http://app.mi.com/subject/168797', 'pcpid']);">
                                    <img src="//i3.mifile.cn/a4/T1YyJgBCYv1R4cSCrK.png" alt="2015年度应用" width="160" height="140">
                                    </a>
                                    </div>
                                </li>
                                <li>
                                    <h4 class="name">
                                    <a href="http://app.mi.com/subject/168798" data-stat-aid="AA12081" data-stat-pid="2_42_2_243" tabindex="-1" target="_blank" data-stat-id="AA12081+2_42_2_243" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA12081+2_42_2_243', 'http://app.mi.com/subject/168798', 'pcpid']);">2015年度游戏</a>
                                    </h4>
                                    <p class="desc">
                                    <a href="http://app.mi.com/subject/168798" data-stat-aid="AA12081" data-stat-pid="2_42_2_243" tabindex="-1" target="_blank" data-stat-id="AA12081+2_42_2_243" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA12081+2_42_2_243', 'http://app.mi.com/subject/168798', 'pcpid']);">2015年度游戏</a>
                                    </p>
                                    <p class="price">
                                    <a href="http://app.mi.com/subject/168798" data-stat-aid="AA12081" data-stat-pid="2_42_2_243" tabindex="-1" target="_blank" data-stat-id="AA12081+2_42_2_243" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA12081+2_42_2_243', 'http://app.mi.com/subject/168798', 'pcpid']);">免费</a>
                                    </p>
                                    <div class="figure figure-img">
                                    <a href="http://app.mi.com/subject/168798" data-stat-aid="AA12081" data-stat-pid="2_42_2_243" tabindex="-1" target="_blank" data-stat-id="AA12081+2_42_2_243" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA12081+2_42_2_243', 'http://app.mi.com/subject/168798', 'pcpid']);">
                                    <img src="//i3.mifile.cn/a4/T1eaxgB4Ev1R4cSCrK.png" alt="2015年度游戏" width="160" height="140">
                                    </a>
                                    </div>
                                </li>
                                <li>
                                    <h4 class="name">
                                    <a href="http://app.mi.com/subject/167924" data-stat-aid="AA12083" data-stat-pid="2_42_3_244" tabindex="-1" target="_blank" data-stat-id="AA12083+2_42_3_244" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA12083+2_42_3_244', 'http://app.mi.com/subject/167924', 'pcpid']);">小米应用</a>
                                    </h4>
                                    <p class="desc">
                                    <a href="http://app.mi.com/subject/167924" data-stat-aid="AA12083" data-stat-pid="2_42_3_244" tabindex="-1" target="_blank" data-stat-id="AA12083+2_42_3_244" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA12083+2_42_3_244', 'http://app.mi.com/subject/167924', 'pcpid']);">小米出品 必属精品</a>
                                    </p>
                                    <p class="price">
                                    <a href="http://app.mi.com/subject/167924" data-stat-aid="AA12083" data-stat-pid="2_42_3_244" tabindex="-1" target="_blank" data-stat-id="AA12083+2_42_3_244" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA12083+2_42_3_244', 'http://app.mi.com/subject/167924', 'pcpid']);">免费</a>
                                    </p>
                                    <div class="figure figure-img">
                                    <a href="http://app.mi.com/subject/167924" data-stat-aid="AA12083" data-stat-pid="2_42_3_244" tabindex="-1" target="_blank" data-stat-id="AA12083+2_42_3_244" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA12083+2_42_3_244', 'http://app.mi.com/subject/167924', 'pcpid']);">
                                    <img src="//i3.mifile.cn/a4/T15VZvB5Kv1R4cSCrK.png" alt="小米应用" width="160" height="140">
                                    </a>
                                    </div>
                                </li>
                                <li class="more">
                                    <p class="desc">
                                    帮助小米手机和其他安卓手机用户
                                    <br>
                                    发现好用的安卓应用
                                    </p>
                                    <a class="btn btn-small btn-line-ocean" href="http://app.mi.com/?from=mi" tabindex="-1" target="_blank" data-stat-id="213e5754dfa9becf" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-213e5754dfa9becf', 'http://app.mi.com/', 'pcpid']);">前往小米应用商店</a>
                                    <img class="thumb" src="//s01.mifile.cn/i/index/more-app.jpg" alt="小米应用商店" width="160" height="140">
                                </li>
                            </ul>
                        </div>
                        <div class="xm-pagers-wrapper">
                            <ul class="xm-pagers">
                            <li class="pager pager-active">
                            <span class="dot">1</span>
                            </li>
                            <li class="pager">
                            <span class="dot">2</span>
                            </li>
                            <li class="pager">
                            <span class="dot">3</span>
                            </li>
                            <li class="pager">
                            <span class="dot">4</span>
                            </li>
                            </ul>
                        </div>
                        <div class="xm-controls xm-controls-block-small xm-carousel-controls">
                            <a class="control control-prev iconfont control-disabled" href="javascript: void(0);" data-stat-id="b767ab10c021a1d1" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-b767ab10c021a1d1', 'javascript:void(0);', 'pcpid']);"></a>
                            <a class="control control-next iconfont" href="javascript: void(0);" data-stat-id="4a10f632fb788d09" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-4a10f632fb788d09', 'javascript:void(0);', 'pcpid']);"></a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div id="video" class="home-video-box xm-plain-box J_itemBox J_videoBox is-visible">
            <div class="box-hd">
                <div class="box-bd J_brickBd">
                    <ul class="video-list clearfix">
                        <li class="video-item video-item-first">
                            <div class="figure figure-img">
                                <a class="J_videoTrigger" href="javascript: void(0);" data-stat-aid="AA14491" data-stat-pid="2_43_1_245" data-video="http://v.mifile.cn/b2c-mimall-media/159d45bc9fbd50ad6fc507e5b6c08dbd.mp4" data-video-poster="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/ef68a52e6a4e3d131994eeadb6f6ade9.jpg" data-video-title="小米之家里发生了一件怪事" title="点击播放视频" data-stat-id="AA14491+2_43_1_245" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14491+2_43_1_245', 'javascript:void(0);', 'pcpid']);">
                                    <img src="http://i3.mifile.cn/a4/17a25056-f173-4c23-a09a-8762550114dd" alt="小米之家里发生了一件怪事" width="296" height="180">
                                    <span class="play">
                                        <i class="iconfont"></i>
                                    </span>
                                </a>
                            </div>
                            <h3 class="title">
                                <a class="J_videoTrigger" href="javascript: void(0);" data-stat-aid="AA14491" data-stat-pid="2_43_1_245" data-video="40" data-video-title="小米之家里发生了一件怪事" data-stat-id="AA14491+2_43_1_245" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA14491+2_43_1_245', 'javascript:void(0);', 'pcpid']);">
                                    小米之家里发生了一件怪事
                                </a>
                            </h3>
                            <p class="desc">World Order星机械人受邀访问地球</p>
                        </li>
                        <li class="video-item">
                            <div class="figure figure-img">
                            <a class="J_videoTrigger" href="javascript: void(0);" data-stat-aid="AA13894" data-stat-pid="2_43_2_247" data-video="http://v.mifile.cn/b2c-mimall-media/52a95981a8fa1dbaf34e0d28c2ec6938.mp4" data-video-poster="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/c1c4d2c2e37e49e2bc58ff66e7363043.jpg" data-video-title="小米MIX 概念手机背后的故事" title="点击播放视频" data-stat-id="AA13894+2_43_2_247" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13894+2_43_2_247', 'javascript:void(0);', 'pcpid']);">
                            <img src="http://i3.mifile.cn/a4/54c8d6f8-8a81-4853-8b19-857b77fac410" alt="小米MIX 概念手机背后的故事" width="296" height="180">
                            <span class="play">
                            <i class="iconfont"></i>
                            </span>
                            </a>
                            </div>
                            <h3 class="title">
                            <a class="J_videoTrigger" href="javascript: void(0);" data-stat-aid="AA13894" data-stat-pid="2_43_2_247" data-video="XMTc4NDAwMDIwMA==" data-video-title="小米MIX 概念手机背后的故事" data-stat-id="AA13894+2_43_2_247" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13894+2_43_2_247', 'javascript:void(0);', 'pcpid']);">小米MIX 概念手机背后的故事</a>
                            </h3>
                            <p class="desc">雷总亲自讲述小米MIX 的诞生</p>
                        </li>
                        <li class="video-item">
                            <div class="figure figure-img">
                            <a class="J_videoTrigger" href="javascript: void(0);" data-stat-aid="AA13893" data-stat-pid="2_43_3_249" data-video="http://v.mifile.cn/b2c-mimall-media/dfa7330cc043c4ccc9f656f013de4109.mp4" data-video-poster="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/f556199b84015c629c83ac59cb1f8191.jpg" data-video-title="一面科技，一面艺术" title="点击播放视频" data-stat-id="AA13893+2_43_3_249" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13893+2_43_3_249', 'javascript:void(0);', 'pcpid']);">
                            <img src="http://i3.mifile.cn/a4/ffc09bd8-b0d6-4ebd-a9e0-6558f79e12de" alt="一面科技，一面艺术" width="296" height="180">
                            <span class="play">
                            <i class="iconfont"></i>
                            </span>
                            </a>
                            </div>
                            <h3 class="title">
                            <a class="J_videoTrigger" href="javascript: void(0);" data-stat-aid="AA13893" data-stat-pid="2_43_3_249" data-video="XMTc4NDAwOTMwMA" data-video-title="一面科技，一面艺术" data-stat-id="AA13893+2_43_3_249" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13893+2_43_3_249', 'javascript:void(0);', 'pcpid']);">一面科技，一面艺术</a>
                            </h3>
                            <p class="desc">梁朝伟讲述双面人生</p>
                        </li>
                        <li class="video-item">
                            <div class="figure figure-img">
                            <a class="J_videoTrigger" href="javascript: void(0);" data-stat-aid="AA13895" data-stat-pid="2_43_4_249" data-video="http://v.mifile.cn/b2c-mimall-media/0cba092e7b9b0460f5f294bb2fc8345b.mp4" data-video-poster="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/5dd5a5d7fd32f322fd795e36fd90bbf3.jpg" data-video-title="小米MIX手机设计哲学" title="点击播放视频" data-stat-id="AA13895+2_43_4_249" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13895+2_43_4_249', 'javascript:void(0);', 'pcpid']);">
                            <img src="http://i3.mifile.cn/a4/142d2baf-f41e-482b-b2dc-96d34695ddc6" alt="小米MIX手机设计哲学" width="296" height="180">
                            <span class="play">
                            <i class="iconfont"></i>
                            </span>
                            </a>
                            </div>
                            <h3 class="title">
                            <a class="J_videoTrigger" href="javascript: void(0);" data-stat-aid="AA13895" data-stat-pid="2_43_4_249" data-video="17" data-video-title="小米MIX手机设计哲学" data-stat-id="AA13895+2_43_4_249" onclick="_msq.push(['trackEvent', '79fe2eae924d2a2e-AA13895+2_43_4_249', 'javascript:void(0);', 'pcpid']);">小米MIX手机设计哲学</a>
                            </h3>
                            <p class="desc">小米MIX手机设计哲学</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var ji = $(".two");
    ji.mouseover(function (){
        $(this).css('background','#BDF309');
    }).mouseout(function() {
        $(this).css('background','');
    });
</script>
@stop 
